<template>
  <div class="dashboard">
    <h2>仪表板</h2>
    <p>这里是管理后台的仪表板页面</p>
    
    <el-row :gutter="20">
      <el-col :span="12">
        <el-card>
          <template #header>
            <h3>系统信息</h3>
          </template>
          <ul>
            <li>Vue 版本: 3.x</li>
            <li>Element Plus: 2.x</li>
            <li>构建工具: Vite</li>
            <li>包管理器: pnpm</li>
          </ul>
        </el-card>
      </el-col>
      
      <el-col :span="12">
        <el-card>
          <template #header>
            <h3>Monorepo 特性</h3>
          </template>
          <ul>
            <li>共享公共包</li>
            <li>统一依赖管理</li>
            <li>并行构建</li>
            <li>类型安全</li>
          </ul>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script setup>
// 组件逻辑
</script>

<style scoped>
.dashboard {
  max-width: 1200px;
  margin: 0 auto;
}

ul {
  list-style: none;
  padding: 0;
}

li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #eee;
}
</style> 